<template>
    <div class="header">
        <van-nav-bar title="购物车" left-arrow>
            <template #right>
                <p>编辑</p> <van-icon name="chat-o" style="color: black;" />
            </template>
        </van-nav-bar>
    </div>
    <van-card num="1" price="33.92" desc="李佳期收纳十点多大撒大大手打" title="世纪百货"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
        <template #tags>
            <p style="color: gray; font-size: 10px;">阿达实打实大大撒实打实大苏打萨达</p>
        </template>
        <template #footer>
            <van-button size="mini">-</van-button>
            <van-button size="mini">+</van-button>
        </template>
    </van-card>
    <van-card num="1" price="33.92" desc="李佳期收纳十点多大撒大大手打" title="世纪百货"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
        <template #tags>
            <p style="color: gray; font-size: 10px;">阿达实打实大大撒实打实大苏打萨达</p>
        </template>
        <template #footer>
            <van-button size="mini">-</van-button>
            <van-button size="mini">+</van-button>
        </template>
    </van-card>
    <div class="footer">
        <van-submit-bar :price="3392" button-text="结算" @click="$router.push('/order')">
            <van-checkbox v-model="checked">全选(1)</van-checkbox>
            <template #tip>
               <span @click="onClickLink">修改地址</span>
            </template>
        </van-submit-bar>
    </div>
</template>